<html xmlns:th="http://www.thymeleaf.org"  
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"    
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">    
<html>
<head th:include="common/common::header">
    <meta charset="UTF-8">
    <style type="text/css">
      #index {
            justify-content: space-between;
            flex-wrap: wrap;
            opacity: 0;
        }
        .index-l {
            width: 100%;
            margin-top: 0.5%;
            margin-left: 29px;
        }
    </style>
</head>

<body>
		 <div class="form-item" style="margin-top: 0.5%">
			       <label for="" style=" padding-left: 18%;" class="label-top" >人员名称：</label>
			       <input  type="text" class="easyui-textbox" id="user_username" data-options="min:0,precision:2"/>
			       <label for="" style=" padding-left: 14%;" class="label-top" >电话号码：</label>
			       <input  type="text" class="easyui-numberbox" id="user_phone" data-options="min:0,precision:2"/>
			       <label for="" class="label-top" style="padding-left: 14%;">是否可用：</label>
					<input id="user_enabled" class="easyui-combobox" data-options="textField:'text',valueField:'id',editable:false,panelHeight:null,url:'/system/common/load_enabled.do'" value="1"/>  
		      		<a onclick="searchuser()"   href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true">搜索</a>
		  </div>
		<div class="index-l" id="UserToolbar">
	      <div>
	      	  <shiro:hasPermission name="sys:user:add">
	      	  <a href="javascript:void(0)" onclick="opendialog({title:'人员-新增',width:'50%',height:'60%',url:'system/user/add_01',onClose:searchuser})" data-options="iconCls:'fa fa-pencil'" id="addr" class="easyui-linkbutton primary" style="height: 32px;border-left-width: 1px;">新增</a>
       		  </shiro:hasPermission>
       		   <shiro:hasPermission name="sys:user:edit">
       		  <a href="javascript:void(0)" onclick="opendialog({title:'人员-编辑',width:'50%',height:'60%',checkSelect:true,gridId:'userTable',url:'system/user/edit_01',onClose:searchuser})"  class="easyui-linkbutton error" id="reedit" data-options="iconCls:'fa fa-gears'">修改</a>
       		  </shiro:hasPermission>
       		  <a href="javascript:void(0)" onclick="searchuser()" id="rebreak" class="easyui-linkbutton success" data-options="iconCls:'fa fa-refresh'">刷新</a>
	      </div>
	      </div>
	      <div style="opacity: 1;width:100%;min-height:780px;margin-top: 0.5%">
	        <table id="userTable" style="opacity: 1;width:100%;height:780px;margin-top: 2%" class="easyui-datagrid" th:attr="data-options=${dataGrid }">
			</table>
	</div>
<script type="text/javascript">
function searchuser(){
		AM.gridSearch({
		gridId:'userTable',
		data:[
			  {field:'username',type:'textbox',id:'user_username'},
			  {field:'phone',type:'easyui-numberbox',id:'user_phone'},
		      {field:'enabled',type:'combobox',id:'user_enabled'}
		     ]
	});
}
</script>
</body>
</html>